*{
	margin:0;
	padding:0;
}

 .px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.nav{
	color:#fff;
	.px2rem(font-size,24);
   width: 100%;
    .px2rem(height, 98);
    background: #06c1b6;
    display: flex;
    justify-content: space-between;
     .px2rem(line-height, 98);
     position: relative;
     .s1{
     position: absolute;
     .px2rem(left,54);
      .px2rem(top,44);
  	   width: 0;
  	   height: 0;
  	   border-right: 10px  solid transparent;
  	   border-left:  10px  solid transparent;
  	   border-top:   10px solid  #fff;
  	   border-bottom: 10px   solid  transparent;
     }
    .s2{
     position: absolute;
     .px2rem(left,54);
      .px2rem(top,40);
  	   width: 0;
  	   height: 0;
  	   border-right: 10px  solid transparent;
  	   border-left:  10px  solid transparent;
  	   border-top:   10px solid  #06c1b6;
  	   border-bottom: 10px   solid  transparent;
     }
 input{
 	border:none;
 	background: #08a496;
 	color:#55e6d7;
 	.px2rem(font-size,24);
 	.px2rem(text-indent,30); 
      .px2rem(width,510); 
     .px2rem(height, 68);
 }
}


.btn{
	  	justify-content: space-between;
	// background: pink;
    position: relative;
   p{
    float: left;
   	font-size: 36px;
    .px2rem(margin-left,40);
   }
   border-bottom: 1px solid #ccc;
	width: 100%;
	.px2rem(height, 210);
	.mituan{
         position: absolute;  
        top: 0; left: 0; bottom: 0; right: 0; 
		margin: auto;
        .px2rem(height,120);
        .px2rem(width, 620);
      .mi{
      	float: left;
      	.px2rem(border-radius,10);
      	background: #fff;
      	 .px2rem(width, 62);
      	 .px2rem(height, 62);
      	 .px2rem(line-height, 62);
      	 .tuan{
      	 	float: left;
      	 	.px2rem(margin-top,2);
            text-align: center;
      	 	border-radius: 50%;
      	 	 background: #14c1a3;
      	 	 .px2rem(width, 58);
      	     .px2rem(height, 58);
      	     color:#fff;
      	 }
      }
  .jian{

    .px2rem(margin-left,-70);
  	.px2rem(margin-top,84);
  	clear: both;
     .btn1{
     	 .px2rem(width,270);
      	 .px2rem(height,70);
      border:2px solid  #03c2ba;
      background: none;
     	.px2rem(font-size,24);
      color:#03c2ba;
     .px2rem(border-radius,50);
     }
      .btn2{
    
      	 .px2rem(margin-left,50);
     	 .px2rem(width,270);
      	 .px2rem(height,70);
      border:2px solid  #03c2ba;
     	.px2rem(font-size,24);
       .px2rem(border-radius,50);
         	background: #03c2ba;
      	color:#fff;
     }

  }
	}
}



  .main{
  	display: flex;
  	flex-wrap: wrap; 
    dl {
    	 .px2rem(margin-top,20); 
       	   width: 20%;
       	   display:flex;
       	   flex-direction: column; 
       	   justify-content:center; 
       	   align-items:center

       }
  }

  .div{
  	.px2rem(height,20);
  	background: #f3efec;
  	border:1px solid #e4e0dd;
  }

  .main2 {
  	  .p1{
  	 .px2rem(font-size,36);
  	 .px2rem(line-height, 50);
  	  .px2rem(margin-left,50);
  	  	width: 100%;
  	  .px2rem(height,50);
  	  }
    dl{
    	border-bottom:1px solid  #ccc;
     .px2rem(margin-top,30); 
    	display: flex;
    dd{
    	width: 100%;
     .span1{
     	.px2rem(font-size,36);
     }
     .span2{
     	display: block;
     	.px2rem(margin-top,10); 
     }
     .span3{
     	display: block;
     	.px2rem(margin-top,70);
     }
     .span4{
     	.px2rem(font-size,40);
     	 color:#1cc3a5;
     }
     .span5{
     	color:black;
     	.px2rem(font-size,18);
     }
     .span6{
     	float: right;
     }
    }
    }
  }